.placeholder_p {
  z-index: 10;
  position: absolute;
  color: #ccc;
  left: 14px;
  top: 12px;
}

.current-line {
  display: none !important;
  position: relative;
}

.react-monaco-editor-container {
  overflow: initial !important;
}

.codicon-symbol-constant:before {
  padding-left: 4px !important;
  color: #a6a6a6;
  content: '\eaf1' !important;
}

.mtk20 {
  color: #1b9aee !important;
}

.mtk1 {
  color: #292929 !important;
}

.mtk6 {
  color: #fa8c15 !important;
}
.monaco-list.list_id_1 .monaco-list-row.focused {
  background-color: #f7f7f7 !important;
  color: #8b8b8b !important;
}

.monaco-highlighted-label {
  color: #404040;

  .highlight {
    color: #1b9aee;
  }
}

.editor-widget,
.suggest-widget {
  width: 250px !important;
  border-width: 0px !important;
  height: 36px !important;
  .tree {
    height: 100% !important;

    .monaco-scrollable-element,
    .mac {
      overflow: initial !important;
    }

    .monaco-list-rows {
      overflow: initial !important;
      height: 100% !important;
      transform: none !important;

      [aria-posinset='1'] {
        background-color: #fff !important;
        top: 0px;
        line-height: 36px !important;
        height: 36px !important;

        .main {
          line-height: 36px !important;
          height: 36px !important;
        }
      }

      [aria-posinset='2'] {
        background-color: #fff !important;
        top: 36px !important;
        line-height: 36px !important;
        height: 36px !important;

        .main {
          line-height: 36px !important;
          height: 36px !important;
          border-radius: 2px !important;
        }
      }

      [aria-posinset='3'] {
        background-color: #fff !important;
        top: 72px !important;
        line-height: 36px !important;
        height: 36px !important;

        .main {
          line-height: 36px !important;
          height: 36px !important;
          border-radius: 2px !important;
        }
      }

      [aria-posinset='4'] {
        background-color: #fff !important;

        top: 108px !important;
        line-height: 36px !important;
        height: 36px !important;

        .main {
          line-height: 36px !important;
          height: 36px !important;
          border-radius: 2px !important;
        }
      }

      [aria-posinset='5'] {
        background-color: #fff !important;
        top: 144px !important;
        line-height: 36px !important;
        height: 36px !important;

        .main {
          line-height: 36px !important;
          height: 36px !important;
          border-radius: 2px !important;
        }
      }

      [aria-posinset='6'] {
        background-color: #fff !important;
        top: 180px !important;
        line-height: 36px !important;
        height: 36px !important;

        .main {
          line-height: 36px !important;
          height: 36px !important;
          border-radius: 2px !important;
        }
      }
    }
  }
}

[title='Read More'] {
  display: none !important;
}

.monaco-editor
.suggest-widget
.monaco-list
.monaco-list-row
> .contents
> .main
> .right
> .details-label {
  text-overflow: none !important;
  overflow: initial !important;
}

.monaco-list-row {
  $monaco-list-row-border: 1px solid rgba(0, 0, 0, 0.1);

  &:nth-child(2),
  &:nth-child(3),
  &:nth-child(4),
  &:nth-child(5) {
    border-left: $monaco-list-row-border;
    border-right: $monaco-list-row-border;
  }
  &:first-of-type {
    border-left: $monaco-list-row-border;
    border-right: $monaco-list-row-border;
    border-top: $monaco-list-row-border;
  }
  &:last-of-type {
    border-left: $monaco-list-row-border;
    border-right: $monaco-list-row-border;
    border-bottom: $monaco-list-row-border;
  }
  &:first-of-type:last-of-type {
    border: $monaco-list-row-border;
  }
}

.message {
  background-color: transparent !important;
}

.margin {
  width: 0px !important;
}
.monaco-editor {
  height: 20px !important;
}

.monaco-scrollable-element,
.editor-scrollable {
  height: 20px !important;
}
.monaco-editor,
.monaco-editor-background,
.monaco-editor .inputarea.ime-input {
  background-color: transparent !important;
}

.monaco-list.list_id_1 .monaco-list-row.focused {
  background-color: #f0f9ff !important;
}
.monaco-list.list_id_1 .monaco-list-row {
  &:hover {
    background-color: #f7f7f7 !important;
  }
}
